<template>
  <div>
         <button type="text" @click="gototodayfood" class="btn_h">#今天吃什么</button>
  </div>
</template>

<script>
  export default{
    data(){
      return{

      }
    },
    methods:{
      gototodayfood:function(){
        this.$router.replace({path:'/home/todayfood'});
      }
    }
  }
</script>
<style>
.btn_h{
    position: absolute;
    left: 600px;
    top: 222px;
    width: 240px;
    height: 50px;
    border-radius: 10px;
    border: none;
    background-color: rgba(138, 138, 161, 0.6);
    font-size: 20px;
    color: white;
    cursor: pointer;
    letter-spacing: 5px;
    transition:  1s;
}
.btn_h:hover{
     background-color: rgba(138, 138, 161, 1);
}

</style>

